<template>
	<view class="swiper_box">
		<swiper class="swiper"  :current='current'
			indicator-dots autoplay :interval='interval' circular :indicator-active-color="indicator_active_color">
			<swiper-item v-for="(item, index) in swiperData" :key='index'>
					<image :src='item.imageUrl' ></image>
					<view class="swiper_text">
						<text>{{item.typeTitle}}</text>
					</view>
					
			</swiper-item>

		</swiper>
	</view>
</template>

<script>
	export default {
		props:{
			swiperData:Array
		},
		data(){
			return {
				current:0,
				// 轮播图自动切换间隔
				interval:3000,
				indicator_active_color:'#ffffff'
				
			}
		},
	}
</script>

<style scoped>
.swiper_box{
	padding-top: 150upx;
	text-align: center;
}
.swiper image{
	border-radius: 10upx;
	height: 100%;
	width: 90%;
}
.swiper_text{
	border-radius: 10upx;
	position:absolute;
	right:5%;
	bottom:0upx;
	width:160upx;
	border:1upx solid #aaa;
	background-color: #E43D33;
	font-size: 26upx;
}
</style>
